import React, { Component } from 'react'
import { Layout, Menu, Breadcrumb } from 'antd';
import '../router/index.css'

const { Header, Content, Footer, Sider } = Layout;
class bill extends Component {
    fanhui=() => {
        console.log('haha');
        // console.log(this.props);
        this.props.history.push('/user/tom')
        
        
    }

    render() {
        console.log(this.props.location.pathname);
        
        return (
            
                <Layout className="site-layout">
                    <Header className="site-layout-background" style={{ padding: 0 }} />
                    <Content style={{ margin: '0 16px' }}>
                        <Breadcrumb style={{ margin: '16px 0' }}>
                        <Breadcrumb.Item>User</Breadcrumb.Item>
                        <Breadcrumb.Item>Bill</Breadcrumb.Item>
                        </Breadcrumb>
                        <div className="site-layout-background" style={{ padding: 24, minHeight: 360 }}>
                        Bill is a cat.
                        <button onClick={this.fanhui}>点击返回</button>
                        </div>
                    </Content>
                    <Footer style={{ textAlign: 'center' }}>Ant Design ©2018 Created by Ant UED</Footer>
                </Layout>     
          
        )
    }
}

export default bill
